﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="verify-v1" content="o55KxA5E38GJd8RysBJgUphs+pmzc/epBT+2aONirdo=" />
    <title>
        {% block title %}
        iSmth Home Page
        {% endblock %}
    </title>
    <link rel="shortcut icon" href="/media/images/favicon.ico" />

    <!-- Blueprint Framework CSS -->
    <link rel="stylesheet" href="/media/stylesheets/blueprint/screen.css" type="text/css" media="screen, projection">
    <link rel="stylesheet" href="/media/stylesheets/blueprint/print.css" type="text/css" media="print">
    <!--[if IE]><link rel="stylesheet" href="/media/stylesheets/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
    <!-- Import fancy-type plugin for the sample page. -->
    <link rel="stylesheet" href="/media/stylesheets/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">

    <link rel="stylesheet" href="/media/stylesheets/main.css" type="text/css" />
    <link rel="stylesheet" href="/media/stylesheets/menu.css" type="text/css" />

    <meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">

    <style type="text/css" media="screen">

        body {
            margin: 0;
            font-family: Georgia;
            font-size: 16px;
            background: #000000;
            color: #FFFFFF;
        }
        
        a {
            color: blue;
        }
        
        h1, h2, h3 {
            margin: 0;
            font-family: Georgia;
            font-size: 20px;
            background: #000000;
            color: #FFFFFF;
        }

        .container {
            width: 100%;
        }
        
        .ref {
            font-size: 14px;
            background: #000000;
            color: gray;
        }

        body[orient="profile"] .container {
            height: 436px;
        }

        body[orient="landscape"] .container {
            height: 258px;
        }

    </style>
    
    <script src="/media/scripts/jquery-1.2.3.min.js" type="text/javascript"></script>
    
    <script type="application/x-javascript">

        addEventListener("load", function() { setTimeout(updateLayout, 0); }, false);

        var currentWidth = 0;

        function updateLayout() {
            if (window.innerWidth != currentWidth) {
                currentWidth = window.innerWidth;
                document.getElementById('width').innerHTML = "[width = " + currentWidth + "px]";
                var orient = currentWidth == 320 ? "profile" : "landscape";
                document.body.setAttribute("orient", orient);
                setTimeout( function() { window.scrollTo(0, 1); }, 100);
            }
        }

        setInterval(updateLayout, 400);

    </script>

    <script type="application/x-javascript">
        function hideURLbar() {
            window.scrollTo(0, 1);
        }

        if (navigator.userAgent.indexOf('iPhone') != -1) {
            addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
        }
    </script>
    
    <script type="application/x-javascript">
        function getPostContent(board_id, post_id){
            $.get("/p/?bid="+board_id+"&pid="+post_id,
                function(data){
                    $("#"+post_id).html(data);
                }
            );
        }
        
        $(document).ready(function() {
            {% block onloadscript %}
            {% endblock %}
        });
    </script>
</head>

<body>

	<div class="container">

        {% block contents %}
        iSmth Home Page
        {% endblock %}

	</div>

</body>
</html>
